<style scoped>
.me {
  width:100%;
  height:100%;
}
</style>
<template>
<div></div>
</template>

<script>
// import starThreejs from './starThreejs.js'
export default {
  name: "starAnim",
  data(){
    return {
      config:{},
    }
  },
  mounted() {
    this.$nextTick(()=>{
      this.init0();
    })
  },
  methods:{
    getConfig(){
      return {
        info:{
          vm:this,
          el:this.$el,
          width:this.$parent.$el.clientWidth,
          height:this.$parent.$el.clientHeight,
          s:110,
        },
        t:null,
        scene:null,
        render:{
          clearColor:0xffffff,
          opacity:1
        },
        helper:{plane:false,camera:false,axes:false},
        point:[{x:-200,y:100,z:200,c:'#EAEAEF'}],
        ambient:{c:0x888888},
        camera:{type:'OrthographicCamera',x:-400,y:200,z:-200,n:1,f:1000},
        groups:{
          environment:{
            plant:{
              gType:'box',
              mType:'lambert',
              xl:240,
              yl:2,
              zl:350,
              c:'#b7c8b5',
              x:0,
              y:0,
              z:0,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          furnace:{
            mainBody:{
              gType:'box',
              mType:'lambert',
              xl:30,
              yl:20,
              zl:20,
              c:'#BEBEBE',
              x:80,
              y:11,
              z:-120,
              rx:null,
              ry:null,
              rz:null,
            },
            roof:{
              gType:'cylinder',
              mType:'lambert',
              tr:10,
              br:10,
              hl:28,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:21,
              z:-120,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
          },
          furnaceTr:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:10,
              yl:2,
              zl:50,
              c:'#708090',
              x:80,
              y:3,
              z:-85,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          furnaceTrBlock:{
            tb:{
              gType:'box',
              mType:'lambert',
              xl:8,
              yl:2,
              zl:5,
              c:'#ff0000',
              x:80,
              y:3.1,
              z:-107.5,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          roughing:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:20,
              yl:20,
              zl:80,
              c:'#ddddd1',
              x:80,
              y:20/2+1,
              z:-20,
              rx:null,
              ry:null,
              rz:null,
            },
            r1b:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1,
              z:-40,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r1t:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1+3+3,
              z:-40,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r2b:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1,
              z:-20,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r2t:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1+3+3,
              z:-20,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r3b:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1,
              z:0,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r3t:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:3+1+3+3,
              z:0,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            }
          },
          roughingTr:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:10,
              yl:2,
              zl:65,
              c:'#708090',
              x:80,
              y:3,
              z:52.5,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          roughingTrBlock:{
            tb:{
              gType:'box',
              mType:'lambert',
              xl:8,
              yl:2,
              zl:5,
              c:'#ff0000',
              x:80,
              y:3.1,
              z:22.5,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          finish:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:20,
              yl:10,
              zl:50,
              c:'#ddddd1',
              x:80,
              y:10/2+1,
              z:110,
              rx:null,
              ry:null,
              rz:null,
            },
            r1b:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1,
              z:95,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r1t:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1+2+2,
              z:95,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r2b:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1,
              z:110,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r2t:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1+2+2,
              z:110,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r3b:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1,
              z:125,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            },
            r3t:{
              gType:'cylinder',
              mType:'lambert',
              tr:2,
              br:2,
              hl:24,
              segment:500,
              c:'#BEBEBE',
              x:80,
              y:2+1+2+2,
              z:125,
              rx:null,
              ry:null,
              rz:Math.PI / 2,
            }
          },
          coolingTr:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:100,
              yl:2,
              zl:20,
              c:'#708090',
              x:40,
              y:3,
              z:145,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          coolingTrBlock:{
            tb:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:2,
              zl:16,
              c:'#ff0000',
              x:90-2.5,
              y:3.1,
              z:145,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          Straightener:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:20,
              yl:10,
              zl:50,
              c:'#ddddd1',
              x:0,
              y:10/2+1,
              z:110,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          groupTr:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:30,
              yl:2,
              zl:20,
              c:'#708090',
              x:0,
              y:3,
              z:75,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          groupTrBlock:{
            tb:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:2,
              zl:16,
              c:'#ff0000',
              x:0,
              y:3.1,
              z:75,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          saw:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:20,
              yl:5,
              zl:80,
              c:'#ddddd1',
              x:0,
              y:5/2+1,
              z:25,
              rx:null,
              ry:null,
              rz:null,
            },
            r1bar:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:10,
              zl:2,
              c:'#ddddd1',
              x:10-2.5,
              y:10/2+1+5,
              z:5,
              rx:null,
              ry:null,
              rz:null,
            },
            r1n:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:1,
              segment:500,
              c:'#BEBEBE',
              x:5,
              y:10/2+1+5,
              z:5,
              rx:Math.PI / 2,
              ry:null,
              rz:null,
            },
            r2bar:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:10,
              zl:2,
              c:'#ddddd1',
              x:10-2.5,
              y:10/2+1+5,
              z:25,
              rx:null,
              ry:null,
              rz:null,
            },
            r2n:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:1,
              segment:500,
              c:'#BEBEBE',
              x:5,
              y:10/2+1+5,
              z:25,
              rx:Math.PI / 2,
              ry:null,
              rz:null,
            },
            r3bar:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:10,
              zl:2,
              c:'#ddddd1',
              x:10-2.5,
              y:10/2+1+5,
              z:45,
              rx:null,
              ry:null,
              rz:null,
            },
            r3n:{
              gType:'cylinder',
              mType:'lambert',
              tr:3,
              br:3,
              hl:1,
              segment:500,
              c:'#BEBEBE',
              x:5,
              y:10/2+1+5,
              z:45,
              rx:Math.PI / 2,
              ry:null,
              rz:null,
            },
          },
          sawTr:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:10,
              yl:2,
              zl:60,
              c:'#708090',
              x:0,
              y:3,
              z:-45,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          sawTrBlock:{
            tb:{
              gType:'box',
              mType:'lambert',
              xl:5,
              yl:2,
              zl:8,
              c:'#ff0000',
              x:0,
              y:3.1,
              z:-15-4,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          check:{
            rail:{
              gType:'box',
              mType:'lambert',
              xl:110,
              yl:2,
              zl:20,
              c:'#ddddd1',
              x:-100+55,
              y:3,
              z:-85,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          stack:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:40,
              yl:2,
              zl:80,
              c:'#B0C4DE',
              x:-80,
              y:2/2+1,
              z:-35,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          baling:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:20,
              yl:5,
              zl:50,
              c:'#ddddd1',
              x:-80,
              y:5/2+1,
              z:30,
              rx:null,
              ry:null,
              rz:null,
            },
          },
          product:{
            body:{
              gType:'box',
              mType:'lambert',
              xl:40,
              yl:2,
              zl:80,
              c:'#8B7E66',
              x:-80,
              y:2/2+1,
              z:95,
              rx:null,
              ry:null,
              rz:null,
            }
          },
        },
        labels:{
          furnace:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'加热炉',
            c:'#008B8B',
            x:80,
            y:41,
            z:-120,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          roughing:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'粗轧机',
            c:'#008B8B',
            x:80,
            y:20/2+1+30,
            z:-20,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          finish:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'精轧机',
            c:'#008B8B',
            x:80,
            y:10/2+1+20,
            z:110,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          coolingTr:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'冷床',
            c:'#008B8B',
            x:40,
            y:3+20,
            z:145,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          straightener:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'矫直机',
            c:'#008B8B',
            x:0,
            y:10/2+1+20,
            z:110,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          groupTr:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'编组区',
            c:'#008B8B',
            x:0,
            y:3+20,
            z:75,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          saw:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'冷锯',
            c:'#008B8B',
            x:0,
            y:5/2+1+30,
            z:25,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          check:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'检查台',
            c:'#008B8B',
            x:-100+55,
            y:3+20,
            z:-85,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          stack:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'码垛',
            c:'#008B8B',
            x:-80,
            y:2/2+1+20,
            z:-35,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          baling:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'打捆',
            c:'#008B8B',
            x:-80,
            y:5/2+1+20,
            z:30,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          },
          product:{
            gType:'plane',
            mType:'image',
            w:20,
            h:15,
            t:'产品垛',
            c:'#008B8B',
            x:-80,
            y:2/2+1+20,
            z:95,
            rx:null,
            ry:-Math.PI/2,
            rz:null,
          }
        },
        sensors:{
          furnaceStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:64.5,
              y:3,
              z:-125,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:64.5,
              y:3,
              z:-115,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          roughStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:69.5,
              y:3,
              z:-55,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:69.5,
              y:3,
              z:15,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          finishStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:69.5,
              y:3,
              z:90,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:69.5,
              y:3,
              z:130,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          coolingStatus: {
            in: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'green',
              x: 80,
              y: 4.1,
              z: 152,
              rx: null,
              ry: null,
              rz: null,
            },
            out: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'red',
              x: 0,
              y: 4.1,
              z: 152,
              rx: null,
              ry: null,
              rz: null,
            }
          },
          straightenerStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:-10.5,
              y:3,
              z:130,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:-10.5,
              y:3,
              z:90,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          sawStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:-10.5,
              y:3,
              z:60,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:-10.5,
              y:3,
              z:-10,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          checkStatus: {
            in: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'green',
              x: 5,
              y: 4.1,
              z: -80,
              rx: null,
              ry: null,
              rz: null,
            },
            out: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'red',
              x: -95,
              y: 4.1,
              z: -80,
              rx: null,
              ry: null,
              rz: null,
            }
          },
          stackStatus: {
            in: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'green',
              x: -95,
              y: 3,
              z: -70,
              rx: null,
              ry: null,
              rz: null,
            },
            out: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'red',
              x: -95,
              y: 3,
              z: 0,
              rx: null,
              ry: null,
              rz: null,
            }
          },
          balingStatus:{
            in:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'green',
              x:-90.5,
              y:3,
              z:10,
              rx:null,
              ry:null,
              rz:null,
            },
            out:{
              gType:'sphere',
              mType:'lambert',
              r:1,
              s1:50,
              s2:50,
              c:'red',
              x:-90.5,
              y:3,
              z:50,
              rx:null,
              ry:null,
              rz:null,
            }
          },
          productStatus: {
            in: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'green',
              x: -95,
              y: 3,
              z: 60,
              rx: null,
              ry: null,
              rz: null,
            },
            out: {
              gType: 'sphere',
              mType: 'lambert',
              r: 1,
              s1: 50,
              s2: 50,
              c: 'red',
              x: -95,
              y: 3,
              z: 130,
              rx: null,
              ry: null,
              rz: null,
            }
          },
        },
        clips:{
          furnaceTrBlock_tb:{
            key:'furnaceTrBlock_tb.position',
            times:[1,2],
            values:[80,3.1,-107.5,80,3.1,-62.5],
            duration:2,
          },
          roughingTrBlock_tb:{
            key:'roughingTrBlock_tb.position',
            times:[1,2],
            values:[80,3.1,22.5,80,3.1,82.5],
            duration:2,
          },
          coolingTrBlock_tb:{
            key:'coolingTrBlock_tb.position',
            times:[1,4],
            values:[87.5,3.1,145,-7,3.1,145],
            duration:4,
          },
          groupTrBlock_tb:{
            key:'groupTrBlock_tb.scale',
            times:[1,4],
            values:[1,1,1,4,1,1],
            duration:4,
          },
          sawTrBlock_tb:{
            key:'sawTrBlock_tb.position',
            times:[1,4],
            values:[0,3.1,-19,0,3.1,-71],
            duration:4,
          }
        },
      }
    },
    init0(){
      // let o=new starThreejs(this.getConfig());
    },
  }
}
</script>

